/*article-box*/
.article-box{
	width:1000px;
	margin:0 auto;
}
.article-box .article-list{
	width:100%;
}
.article-list li{
	width:100%;
	height:200px;
	display:table;
	content:'';
	background:#fff;
	box-sizing:border-box;
	padding:10px 15px;
	border:1px solid #eaeaea;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:25px;
}
/*文章缩略图*/
.article-list .article-img{
	width:300px;
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}
.article-list .article-img img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:transform 0.3s;
	-moz-transition:transform 0.3s;
	-ms-transition:transform 0.3s;
	transition:transform 0.3s;
}
.article-list .article-img:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.article-img .img-mask{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	text-align:center;
	line-height:200px;
	color:#fff;
	opacity:0;
}
.article-img:hover .img-mask{
	opacity:1;
}
/*文章内容*/
.article-list .article-content{
	width:645px;
	height:100%;
	float:right;
}
/*标题*/
.article-list .article-title{
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	max-height:48px;
	overflow:hidden;
}
.article-title a{
	color:#555;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	-ms-transition:color 0.3s;
	transition:color 0.3s;
}
.article-title a:hover{
	color:#3298D6;
}
/*信息*/
.article-list .meta-box{
	height:40px;
	line-height:40px;
}
.article-list p,
.article-list .meta-box{
	font-size:14px;
	color:#999999;
}
.article-list p{
	display:block;
	max-height:90px;
	line-height:22px;
	overflow:hidden;
}
.meta-box i{
	font-size:20px;
}
.meta-box span{
	display:inline-block;
	margin-right:10px;
}
.add-btn{
  width:100%;
  height:40px;
  line-height:40px;
  color:#529AC5;
  text-align:center;
  font-size:16px;
  cursor:pointer;
  border:1px solid #529AC5;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  margin-bottom:30px;
}
.add-btn:hover{
  background:#3298D6;
  border:1px solid #3298D6;
  color:#fff;
}
.error-title{
  font-size:22px;
  font-weight:normal;
  color:#C1C1C1;
  text-align:center;
}
